/**
 * @ProjectName： naive-admin
 * @FileName： layout-theme.ts
 * @Description: // 全局布局配置
 * @Author: ellwood
 * @date: 2023/12/29 - 8:12
 * @Version: V1.0.0
 */
import logo from '~/assets/vue.svg'

export interface LayoutType {
  id: string
  key: 'mix' | 'side' | 'top'
  title: string
  inverted?: boolean
  dark?: boolean
}

export interface LayoutTheme {
  title?: string
  layout: 'mix' | 'side' | 'top'
  layoutStyle: 'inverted' | 'light' | 'dark'
  headerHeight: number
  logo?: string
  siderWidth: number // 侧边栏宽度
  siderCollapsedWidth: number // 侧边栏收起的宽度
  showSiderTrigger: boolean | 'bar' | 'arrow-circle' // 侧边栏默认的触发方式
  collapsed?: boolean
  theme: string
}

export const layoutThemeConfig: LayoutTheme = {
  title: 'Ellwood Admin Pro',
  layout: 'mix',
  layoutStyle: 'light',
  headerHeight: 48,
  logo,
  siderWidth: 240,
  siderCollapsedWidth: 48,
  showSiderTrigger: 'arrow-circle',
  collapsed: false,
  theme: 'default',
}
